/*
  1:歌曲搜索接口
    请求地址:https://autumnfish.cn/search
    请求方法:get
    请求参数:keywords(查询关键字)
    响应内容:歌曲搜索结果
*/
var vm = new Vue({
	el: '#app',
	data:{
		// 搜索关键字
		keywords:"",
		// 音乐列表
		musicList:[],
		// 播放ID
		// id: '',
		// 播放URL
		musicUrl: '',
		// 歌曲封面
		musicPic: '',
		// 是否有MV
		hasMV: false,
		// 评论列表
		comments:[],
		// mvurl
		mvUrl: ''
	},
	methods:{
		query:function () {
			var vmThis = this;
			axios.get("https://autumnfish.cn/search?keywords="+this.keywords).then(function (response) {
				console.log(response);
				vmThis.musicList = response.data.result.songs;
			},function (error) {
				console.log(error);
			})
		},
		play: function (id) {
			var vmThis = this;
			axios.get("https://autumnfish.cn/song/url?id="+id)
			.then(resp =>{
				// console.log(resp.data.data[0]);
				vmThis.musicUrl = resp.data.data[0].url;
			});
			axios.get('https://autumnfish.cn/song/detail?ids='+id)
			.then(resp => {
				// console.log(resp.data.songs[0].al.picUrl);
				vmThis.musicPic = resp.data.songs[0].al.picUrl;
			});
			axios.get('https://autumnfish.cn/comment/hot?type=0&id='+id).then(resp=>{
				console.log(resp.data.hotComments);
				vmThis.comments = resp.data.hotComments;
			})
		},
		playMv: function (id) {
			var vmThis = this;
			axios.get('https://autumnfish.cn/mv/url?id='+id)
			.then(resp=>{
				// console.log(resp.data.data.url);
				vmThis.mvUrl = resp.data.data.url;
			})
		},
		stopMV: function () {
			this.mvUrl = '';
		}
	}
})

/*
  2:歌曲url获取接口
    请求地址:https://autumnfish.cn/song/url
    请求方法:get
    请求参数:id(歌曲id)
    响应内容:歌曲url地址
	*/
/*
  3.歌曲详情获取
    请求地址:https://autumnfish.cn/song/detail
    请求方法:get
    请求参数:ids(歌曲id)
    响应内容:歌曲详情(包括封面信息)
	*/
/*
  4.热门评论获取
    请求地址:https://autumnfish.cn/comment/hot?type=0
    请求方法:get
    请求参数:id(歌曲id,地址中的type固定为0)
    响应内容:歌曲的热门评论
	*/
/*
  5.mv地址获取
    请求地址:https://autumnfish.cn/mv/url
    请求方法:get
    请求参数:id(mvid,为0表示没有mv)
    响应内容:mv的地址
*/
